<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <title>京海龙龙美容整形医院</title>
    <style>
        .logo {
            width: 358px;
            height: 72px;
            margin-top: 24px;
        }
        .el-menu-item {
            font-size: 12px;
        }
        .search-box {
            display: flex;
            align-items: center;
            justify-content: center;
            float: right;
            margin-top: 50px;

        }

        input[type="text"] {
            flex: 1;
            padding: 10px;
            border: 1px solid #dbdbdb;
            border-radius: 5px;
            font-size: 16px;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        }

        button[type="submit"] {
            padding: 10px;
            border: 1px solid #dbdbdb;
            border-radius: 5px;
            font-size: 16px;
            margin-left: 10px;
            background-color: #fff;
            text-align: center;
        }

        button[type="submit"]:hover {
            background-color: #ff82ae;
            cursor: pointer;
        }

        .fa {
            margin-right: 5px;
        }
    </style>
</head>
<body>
<div id="app">
    <div class="header">
        <div class="" style="width: 1200px ;margin: 0 auto">
            <a href="index.html">
                <img class="logo" src="imgs/logo.png" alt>
            </a>
            <div class="search-box">
                <input type="text" placeholder="输入关键字搜索">
                <button type="submit">搜索</button>
            </div>
        </div>
    </div>
    <div style="width:1200px; margin: 0 auto">
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" style="padding: 0 20px">
        <el-menu-item index="1">网站首页</el-menu-item>
        <el-menu-item index="2">医院概况</el-menu-item>
        <el-menu-item index="3">新闻中心</el-menu-item>
        <el-menu-item index="4">就医指南</el-menu-item>
        <el-menu-item index="5">专科介绍</el-menu-item>
        <el-menu-item index="6">医教研</el-menu-item>
        <el-menu-item index="7">专家风采</el-menu-item>
        <el-menu-item index="8">医疗规范</el-menu-item>
        <el-menu-item index="9">护理园地</el-menu-item>
        <el-menu-item index="10">院务公开</el-menu-item>
        <el-menu-item index="11">政策法规</el-menu-item>
        <el-menu-item index="12">医院文化</el-menu-item>
        <el-menu-item index="13">健康医院</el-menu-item>
    </el-menu>
        <el-carousel height="400px">
            <el-carousel-item v-for="url in lbtArr">
                <img :src="url" width=100% alt>
            </el-carousel-item>

        </el-carousel>
    </div>
    <div class="sort">
        <div class="content">
            <ul>
                <li><a href="" class="sortImg1"></a><span></span><a href="" title="">
                    专家坐诊</a> </li>
                <li><a href="http://webpc.imc-xa.cn" class="sortImg2"></a><span></span><a href="http://webpc.imc-xa.cn" title="">预约挂号</a>
                </li>
                <li><a href="single-45.aspx" class="sortImg3"></a><span></span><a href="single-45.aspx" title=""> 就医指南</a>
                </li>
                <li><a href="https://his.ipalmap.com/pandora/xianguoji/index.html#/search" class="sortImg4"></a><span></span><a href="https://his.ipalmap.com/pandora/xianguoji/index.html#/search" title="">院内导航</a> </li>
                <li><a href="list-32.aspx" class="sortImg5"></a><span></span><a href="list-32.aspx" title="">健康医院</a>
                </li>
                <li><a href="single-307.aspx" class="sortImg6"></a><span></span><a href="single-307.aspx" title="">
                    电子阅览室</a> </li>
            </ul>
            <div class="clearboth">
            </div>
        </div>
    </div>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                lbtArr: ["imgs/lbt1.jpg", "imgs/lbt2.jpg", "imgs/lbt3.jpg", "imgs/lbt4.jpg"],
                activeIndex: '1',
                activeIndex2: '1'
            }
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    })
</script>
</html>